Advanced Button Properties


Advanced button properties are only visible if you press the More Options button on the Button Properties Tab


Initially Checked

Specifies whether the button is checked (i.e. in the down state) when the button project starts playing.   This option is only available for Check Boxes and Radio Buttons.



Initially Visible

Specifies whether the button is visible when the button project starts playing.   Buttons can be shown and hidden by using Actions



Button is Dragable

Specifies whether the button can be dragged around while the button project is playing.   A dragable button can be dragged and dropped onto any non-dragable button.

When a dragable button is dropped the following things happen:
  • The dragable button will disappear.
  • The dragable button's up state sound will be played.
  • The browser will be sent to the dragable button's Link.


Status Line:

Specifies the string to be displayed in the browser's status line when the mouse cursor is over the button.



Position:

Specifies the position and size of this button.   Position is grayed-out if your buttons are arranged in a row or column, because buttons are automatically repositioned in these modes.



Action: On...

Specifies the action to be performed for this button state.

Actions allow one button to control the appearance of another button.   Actions are the key to creating complex button systems such as multi-level popup menus.

The following actions are available:
  • Show -- makes another button visible.
  • Hide -- makes another button disappear.
  • Up -- sets another button's state to the Up State.
  • Over -- sets another button's state to Mouse-Over.
  • Down -- sets another button's state to the Down State.
Actions are expressed in the form Action Button-name.

The Button-name can contain a wildcard character at the end of the name, so one action can be applied to a group of buttons with similar names.

For example: Show Option1.* will show any button with a name beginning with "Option1.".   i.e. Option1.1, Option1.2, Option1.3...

You can also perform more than one action at a time, separated by semi-colons.   For Example: Over Button 1; Hide Button 2 will set Button 1's state to Mouse-Over, and make Button 2 disappear.

You can either type actions into the edit box, or click on "..." and use the Add Action dialog to append an action.

The rules for when actions are performed are:.
  • Whenever the button state becomes Up, the Up State action is performed.
  • Whenever the button state becomes Mouse-Over, the Mouse-Over action is performed.
  • Whenever the button state becomes Down, the Down State action is performed.


Bevel Style

Specifies the Bevel Style of the button for this button state.

A button can have one of six button styles:
  • Transparent Button.   No button shape is drawn at all.   The text label and bitmap are drawn directly onto the background.   Transparent buttons are great for creating non-rectangluar overlapping buttons from transparent GIF bitmaps.


  • Flat Button.   A flat filled rectangle is drawn in the button color.   Flat buttons can be used for creating buttons that are flat until the mouse moves over them, like the toolbar on Internet Explorer.


  • Raised Transparent Button.   The bevelled edges of the button are drawn in the raised position, but the button face is not drawn.   Bevelled transparent buttons are great for drawing buttons on textured backgrounds because the texture shows through to the button face.


  • Depresssed Transparent Button.   The bevelled edges of the button are drawn in the depressed position, but the button face is not drawn.


  • Raised Button.   A solid raised button.


  • Depressed Button.   A solid depressed button.

Depth:

Specifies the depth of the button.   That is, how far the button appears to "stick out" above the surface.


Shading:

Specifies the how heavy the shading of the button is.   That is, the difference between the highlight and shadow colours.   Light shading means less contrast between highlight and shadow.   Heavy shading means more contrast between highlight and shadow.